                        <li>
                            <a href="#">Chassis</a>
                            <ul style="z-index:200;width: 90px;">
                                {% for c in mech_classes %}
                                {% for class, mlist in tonnagesGrouped.items %}
                                {% if class == c %}
                                
                                <li>
                                    <a href="#">{{ class }}</a>
                                    <ul style="z-index:200; width: 80px;">
                                        {% for model, vlist in mlist.items %}
                                        <li>
                                            <a href="#"> {{ model }}</a>
                                            <ul style="z-index:1000; {% if model = 'HERO' %}width: 140px;{% else %}width: 40px;{% endif %}">
                                                {% for variant in vlist  %}
                                                <li id="selectmech_{{model|toID}}{{variant|toID}}"><a >{{ variant }}</a></li>
                                                {% endfor %}
                                            </ul>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                </li>
                                {% endif %}
                                {% endfor %}
                                {% endfor %}
                              
                            </ul>
                        </li>